<template>
  <div>
    <p style="color: white">1</p>
    <van-nav-bar
      :fixed="true"
      title="修改个人信息"
      left-text="返回"
      @click-left="onClickLeft"
      left-arrow
    />
    <van-notice-bar color="#1989fa" background="#ecf9ff" left-icon="info-o">
      不选择头像就不修改头像
    </van-notice-bar>
    <van-field v-model="nickName" label="昵称" placeholder="请输入昵称" readonly/>
    <van-cell-group>
      <van-field name="uploader" label="头像">
        <template #input>
          <van-uploader v-model="fileList" multiple :max-count="1"/>
        </template>
      </van-field>
    </van-cell-group>
    <van-field v-model="phone" label="手机号" placeholder="请输入手机号" readonly/>
    <van-field v-model="password1" type="password"  placeholder="请输入密码" label="密码"/>
    <van-field v-model="password2" type="password"  placeholder="请输入确认密码" label="确认密码"/>
    <p style="text-align: center"><van-button type="primary" size="small" to="/messageModify">保存</van-button></p>
  </div>
</template>

<script>
export default {
  name: "messageModify",
  data() {
    return {
      fileList: [],
      nickName: 'LeDao',
      phone: '13929821293',
      password1: '123456',
      password2: '123456',
    }
  },
  methods: {
    onClickLeft() {
      this.$router.push('/myMessage');
    }
  }
}
</script>

<style scoped>

</style>
